<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">

	<h:head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />

		<f:loadBundle basename="constantes" var="const" />

		<h:outputStylesheet library="design/css" name="default.css" />
		<h:outputStylesheet library="design/css" name="css.css" />

		<h:outputScript library="design/js" name="calendar_traducao.js" />
		<h:outputScript library="design/js" name="jquery.numeric.js" />
		<h:outputScript library="design/js" name="validation.js" target="head" />
		<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />

		<title><h:outputText value="#{const.versao}" /></title>
		<ui:insert name="head"></ui:insert>

	</h:head>

	<h:body>

		<p:layout fullPage="true">
			<p:layoutUnit position="center">
				<!-- GERAL - INÍCIO -->
				<div class="geral">
					<h:form id="formTimeSession" prependId="false">
						<p:idleMonitor timeout="#{const.timeSessionTempo}">
							<p:ajax event="idle" listener="#{principalBean.loginTimeOut}" />
						</p:idleMonitor>
					</h:form>

					<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();" />
					<p:dialog appendToBody="true" modal="true" widgetVar="statusDialog" draggable="false" closable="false"
						resizable="false">
						<h:graphicImage library="design/imagem" name="ajaxloading.gif" />
					</p:dialog>

					<!-- CABEÇALHO  -->
					<div id="barra-brasil">
						<div class="barra-brasilgov-left"></div>
						<div class="container barra">
							<div class="ai-brasilgov">
								<a target="_blank" href="http://www.brasil.gov.br" class="brasilgov" title="Portal de Estado do Brasil"></a> <a
									target="_blank" href="http://www.acessoainformacao.gov.br" class="ai" title="Acesso à informação"></a>
							</div>
						</div>
						<div class="barra-brasilgov-right"></div>
					</div>
					<h:form id="formSair" prependId="false">
						<div class="cabecalho" align="center">
							<h:graphicImage library="design/imagem-default" name="cabecalho.jpg" style="align:middle;float: left;" />
						</div>
					</h:form>
					<!-- CABEÇALHO - FIM -->


					<!-- CONTEÚDO - INÍCIO -->
					<div class="conteudo">
						<div>
							<p:growl id="msgs" autoUpdate="true" showDetail="true" globalOnly="true" life="#{const.growlTime}" />
							<ui:insert name="body" />
						</div>
					</div>
					<!-- CONTEÚDO - FIM -->

					<!-- GERAL - FIM -->
				</div>
			</p:layoutUnit>
			<p:layoutUnit position="south" size="48">
				<!-- RODAPÉ - INÍCIO -->
				<div class="rodape" align="center">
					<h:graphicImage library="design/imagem-default" name="rodape.jpg" />
				</div>
				<!-- RODAPÉ - FIM -->

			</p:layoutUnit>

		</p:layout>


	</h:body>
</f:view>

</html>